<template>
  <t-dialog :visible.sync="visible"
  :header="`科普经费详情`"
  :confirmBtn="null"
  :cancelBtn="null"
  :onClose="closeDialog"
  :closeOnOverlayClick="false"
  placement="center"
  width="60%">
      <div style="height: 65vh; width: 98%">
          <t-form ref="form" :data="formData" :colon="true">
          <t-row :gutter="[14,25]">
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="年度" name="year">
                    {{formData.year}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年科普经费筹集额" name="kpjfcj">
                    {{formData.kpjfcj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年科普经费筹集额-政府拨款" name="zfbkcj">
                    {{formData.zfbkcj}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="当年科普经费筹集额-其中：科普专项经费" name="kpzxjfcj">
                    {{formData.kpzxjfcj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年科普经费筹集额-捐赠" name="jzcj">
                    {{formData.jzcj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年科普经费筹集额-自筹资金" name="zccj">
                    {{formData.zccj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年科普经费使用额" name="kpjfsy">
                    {{formData.kpjfsy}}
                  </t-form-item>
              </t-col>
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="当年科普经费使用额-行政支出" name="xzzcsy">
                    {{formData.xzzcsy}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="当年科普经费使用额-科普活动支出" name="kphdzcsy">
                    {{formData.kphdzcsy}}
                  </t-form-item>
                  <t-form-item labelWidth="350px" label="当年科普经费使用额-其中：科技活动周经费支出" name="kjhdzcsy">
                    {{formData.kjhdzcsy}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="当年科普经费使用额-科普场馆基建支出" name="kpcgzcsy">
                    {{formData.kpcgzcsy}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="当年科普经费使用额-其中：政府拨款支出" name="zfbkzcsy">
                    {{formData.zfbkzcsy}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="当年科普经费使用额-科普展品、设施支出" name="kpzpzcsy">
                    {{formData.kpzpzcsy}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年科普经费使用额-其他支出" name="qtzcsy">
                    {{formData.qtzcsy}}
                  </t-form-item>
              </t-col>
          </t-row>
      </t-form>
      </div>
  </t-dialog>
</template>

<script>

export default {
  name: "personnel-detail-dialog",
  props:{
    objId: {
      type: [String, Number],
      default: '',
    },
    header: {
      type: String,
      default: '新增'
    },
    row: {
      type: Object,
      default: () => ({})
    },
    isUpdate: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      visible: true,
      formData: {
        name: '',
      },
      confirmLoading: false,
    }
  },
  created() {
    Object.assign(this.formData, this.row)
  },
  methods: {
    closeDialog() {
      this.$emit("update:visible", false);
    }
  },
}

</script>

<style scoped>

</style>